import {Tabs} from "antd";
import {AppstoreOutlined, BarsOutlined} from "@ant-design/icons";
import {ComponentLib} from "./ComponentLib";
import {Layers} from "./Layers";

export const LeftPanel = () => {
    const tabsItems = [
        {
            key: 'componentLib',
            label: (
                <span>
                    <AppstoreOutlined></AppstoreOutlined>
                    组件库
                </span>
            ),
            children: <ComponentLib />
        },
        {
            key: 'layers',
            label: (
                <span>
                    <BarsOutlined></BarsOutlined>
                    图层
                </span>
            ),
            children: <div>
                <Layers></Layers>
            </div>
        }
    ]
    return (
        <>
            <Tabs
                defaultActiveKey="componentLib"
                items={tabsItems}
            />
        </>
    );
};